@import "./../_var";
@import "./../_theme";

.iss-form-renderer-table-area {
  .iss-form-renderer-table {
    font-size: $fontSizeSmall;

    &::before {
      background: transparent;
    }

    &.outside-border {
      border: 1px solid $borderColorDark;

      .el-table__row {
        &:last-child {
          .el-table__cell {
            border-bottom: none;
          }
        }
      }
    }

    .el-table__row {
      &:hover {
        cursor: pointer;
      }

      &.current-row {
        color: $colorPrimary;
      }
    }

    .el-table__cell {
      padding: 0;
      height: 36px;
      line-height: 36px;
    }
  }

  .iss-form-renderer-pagination {
    display: flex;
    align-content: center;
    justify-content: flex-end;
    padding: 0;

    &.is-background {
      .btn-next, .btn-pre {
        background: $bgColorSecondary;
      }
      .el-pager {
        li {
          background: $bgColorSecondary;
        }
      }
    }

    span:not([class*=suffix]), button {
      font-size: $fontSizeSmall;
      color: $colorTextRegular;
    }

    .el-pager {
      li {
        font-size: $fontSizeSmall;
        color: $colorTextRegular;
        font-weight: 400;
      }
    }

    .el-pagination__sizes {
      margin: 0 !important;

      .el-select {
        .el-input {
          margin-right: 0;
        }
      }
    }
  }
}
